<template>
	<div class="about">
		<head-tab-switch navTitle="任务领取模式 >" :list="navList" @changeNav="changeNav" :isActive="QueryType" />
		<!-- 选择一段时间 -->
		<div class="timeWidht">
			<SearchTime @getTimes="getTime" :clearTime="clearTime" :initTime="initTime" disableTime="before" />
		</div>
		<!-- 表格 -->
		<el-table :data="tableData" border :header-cell-style="{background: '#F2F2F2',color: '#333'}" highlight-current-row
			header-row-class-name="strong">
			<el-table-column fixed="left" align="left" type="selection" width="55">
			</el-table-column>
			<el-table-column label="操作" align="left" fixed="left">
				<template slot-scope="scope">
					<el-button @click="handleClick(scope.row)" type="text">查看</el-button>
					<el-button type="text" size="small">编辑</el-button>
					<el-button type="text" size="mini">更多</el-button>
				</template>
			</el-table-column>
			<common-table :propData="propData"></common-table>
		</el-table>
		<!-- 分页 -->
		<pagination-tool :total="total" :page.sync="listQuery.pageindex" :limit.sync="listQuery.pagesize"
			@pagination="fetchDiagnoseList" />
		<!-- 倒计时 -->
		<count-down @CountFresh="CountFresh" />
		<el-button type="primary">button</el-button>

	</div>
</template>
<script>
import SearchTime from '@/components/common/SearchTime' // 搜索时间
import CommonTable from '@/components/common/CommonTable' // 表格
import PaginationTool from '@/components/common/PaginationTool' // 分页
import CountDown from '@/components/common/CountDown' // 倒计时
import HeadTabSwitch from '@/components/common/HeadTabSwitch' // 倒计时

import { getHomeReqData } from '@/api/test' // 请求

export default {
	data () {
		return {
			clearTime: false,
			initTime: [],
			propData: [
				{
					prop: 'requestSn',
					label: '编号',
				},
				{
					prop: 'patName',
					label: '姓名',
				},
				{
					prop: 'sex',
					label: '性别',
				},
			],
			tableData: [],
			listQuery: {
				pageindex: 1,
				pagesize: 20,
			},
			total: 10000,
			navList: [
				{
					name: '全部',
					num: '',
					Ishow: true,
				},
				{
					name: '待书写',
					num: '',
					Ishow: true,
				},
				{
					name: '待审核',
					num: '',
					Ishow: true,
				},
				{
					name: '书写+审核',
					num: '',
					Ishow: true,
				},
				{
					name: '已完成',
					num: '',
					Ishow: true,
				},
			],
			initActive: '',
			QueryType: '',
		}
	},
	mounted () {
		const end = new Date()
		const start = new Date()
		start.setTime( start.getTime() - 3600 * 1000 * 24 * 7 )
		this.initTime = [ start, end ]
		this.tableData = [
			{
				requestSn:
					'1看Unstaged files这一块内容，我们按住shift，选择所有你要提交的文件，然后再点鼠标右键，选择add(意思就是add到本地的索引库)，操作完成后，Staged files这块内容就会出现我们刚才选择的所有文件，如下图看Unstaged files这一块内容，我们按住shift，选择所有你要提交的文件，然后再点鼠标右键，选择add(意思就是add到本地的索引库)，操作完成后，Staged files这块内容就会出现我们刚才选择的所有文件，如下图看Unstaged files这一块内容，我们按住shift，选择所有你要提交的文件，然后再点鼠标右键，选择add(意思就是add到本地的索引库)，操作完成后，Staged files这块内容就会出现我们刚才选择的所有文件，如下图',
				patName:
					'2看Unstaged files这一块内容，我们按住shift，选择所有你要提交的文件，然后再点鼠标右键，选择add(意思就是add到本地的索引库)，操作完成后，Staged files这块内容就会出现我们刚才选择的所有文件，如下图',
				sex:
					'3看Unstaged files这一块内容，我们按住shift，选择所有你要提交的文件，然后再点鼠标右键，选择add(意思就是add到本地的索引库)，操作完成后，Staged files这块内容就会出现我们刚才选择的所有文件，如下图',
			},
		]
		this.fetchDiagnoseList()
	},
	methods: {
		getTime ( val ) {

      /*
       * this.listQuery.startTime= val !== null ? val[0].split(' ')[0] + ' 00:00:00' : '' // 开始时间
       * this.listQuery.endTime = val !== null ? val[1].split(' ')[0] + ' 23:59:59' : ''// 结束时间
       */
		},
		async fetchDiagnoseList () {
			// console.log(this.listQuery)
			const params = { lookupkey: 'ClinicDiagnosis' }
			const res = getHomeReqData( params )
			console.log( res )
		},
		CountFresh ( val ) {
			// 倒计时
			if ( val ) {
			}
		},
		changeNav ( data ) {
			// 切换标签
			if ( data.name === '全部' ) {
				this.QueryType = ''
			} else if ( data.name === '待书写' ) {
				this.QueryType = '1'
			} else if ( data.name === '待审核' ) {
				this.QueryType = '2'
			} else if ( data.name === '已完成' ) {
				this.QueryType = '4'
			} else {
				this.QueryType = '3'
			}
			// localStorage.setItem('isActive', this.QueryType)
		},
	},
	components: {
		SearchTime,
		CommonTable,
		PaginationTool,
		CountDown,
		HeadTabSwitch,
	},
}
</script>
<style lang="less" scoped>
.timeWidht {
	width: 250px;
	height: 50px;
}
</style>
